@charset "UTF-8";
body{font-size:14px; margin:0px;background:#f3f3f3; font-family:"微软雅黑";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,img,p,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,hr{margin:0;padding:0}
body{line-height:1.333;font-size:12px}
li{list-style:none}
em,i{ font-style:normal;}
a:link{color: #333; text-decoration: none;}
a:visited{color:#333; text-decoration: none;}
a:hover{color:#446ca4; text-decoration:none;}
a:active{color:#446ca4; text-decoration:none}
.clear{clear:both}
.fl{ float:left;}
.fr{ float:right;}
.fc{ margin:0 auto;}
img.fc{display: block;margin:0px auto;}
img{border:none;vertical-align: middle;}
/*清除浮动*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {+height:1%;}
.pngfix{}
.pt20{padding-top: 20px;}
.ml_5{margin-left: 5px;}.ml_10{margin-left: 10px;}
.h34{height: 34px;}.w240{width: 240px;}
.ml220{margin-left: 220px;}
.mb60{margin-bottom: 60px;}.mb50{margin-bottom: 50px;}.mb40{margin-bottom: 40px;}
.mb30{margin-bottom: 30px;}.mb20{margin-bottom: 20px;}.mb15{margin-bottom: 15px;}
.mt60{margin-top: 60px;}.mt50{margin-top: 50px;}.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}.mt20{margin-top: 20px;}.mt15{margin-top: 15px;}
.cb0{clear:both;height:0px;line-height:0px;font-size:0;overflow:hidden;}
.cb{clear:both;height:1px;line-height:1px;font-size:0;overflow:hidden;}
.cb5{clear:both;height:5px;line-height:5px;font-size:0;overflow:hidden;}
.cb10{clear:both;height:10px;line-height:10px;font-size:0;overflow:hidden;}
.cb15{clear:both;height:15px;line-height:15px;font-size:0;overflow:hidden;}
.cb20{clear:both;height:20px;line-height:20px;font-size:0;overflow:hidden;}
.cb30{clear:both;height:30px;line-height:30px;font-size:0;overflow:hidden;}
.cb40{clear:both;height:40px;line-height:40px;font-size:0;overflow:hidden;}
.cb50{clear:both;height:50px;line-height:50px;font-size:0;overflow:hidden;}
.cb60{clear:both;height:60px;line-height:60px;font-size:0;overflow:hidden;}
.cb80{clear:both;height:80px;line-height:80px;font-size:0;overflow:hidden;}
.cb100{clear:both; height:100px; line-height:100px; font-size:0; overflow:hidden;}
.cb120{clear:both; height:120px; line-height:120px; font-size:0; overflow:hidden;}
.cb500{clear:both; height:500px; line-height:500px; font-size:0; overflow:hidden;}
.sj04{-webkit-transition-duration: .4s; transition-duration: .4s;}
.sj09{-webkit-transition-duration: .9s; transition-duration: .9s;}
.sj012{-webkit-transition-duration: 1.2s; transition-duration: 1.2s;}
.sj015{-webkit-transition-duration: 1.5s; transition-duration: 1.5s;}
.sj018{-webkit-transition-duration: 1.8s; transition-duration: 1.8s;}
.sj030{-webkit-transition-duration: 3s; transition-duration: 3s;}
.sj050{-webkit-transition-duration: 5s; transition-duration: 5s;}
span.cb20{display: block;height: 15px;line-height: 15px;}
.container{width: 1300px;margin: 0px auto;clear:both;position: relative;}

/*头部*/
.h_head{width: 100%;height: 220px;position: fixed;z-index: 9999;transition:0.5s;top:0;}
div.topheight{position: fixed;box-shadow: 0 10px 20px rgba(0,0,0,0.2);top: -40px!important;z-index: 9999;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
.topbar{width: 100%;height: 40px;line-height: 40px;background-color: #642a00;color: #fff;font-size: 14px;}
.topbar .container{position: relative;}
.topphone b{display: inline-block;color:#999;font-size: 18px;font-weight: 200;}
.header{height: 180px;width: 100%;min-width: 1300px;position: relative;background:#fff url(../images/pic_shui.gif) bottom center no-repeat;background-position-x: 56%;z-index: 10;}
.heatit{width: 1300px;position: relative;margin:0px auto;height: 65px;top: -100px;opacity: 0;}
.httit{display: block;float: left;margin-top: 30px;}
.topphone{margin-top: 25px;margin-left: 60px;background: url(../images/dh.png) left no-repeat;padding-left: 70px;height: 52px;}
.topphone span{display: block;font-size: 14px;color: #666;}
.topphone b{display: block;font-size: 24px;color: #9a6b42;font-weight: 700;}
.logo{width: 110px;height: 132px;background: url(../images/logo.png) top center no-repeat;text-indent: -99em;
display: block;position: absolute;top:-500px;left: 50%;margin-left: -55px;z-index:99999!important;opacity: 0;}
.navbar{position: relative;/*width: 605px;*/height: 44px;margin-top:40px;}
.navbar li{ float:left;display:block;position: relative;line-height:20px;transition:all 0.3s;
  width:130px;text-align: center;height: 20px;}
.navbar li a{color: #333;width: 74px;margin:0px auto; padding-bottom: 10px;text-align: center;display:block; outline:0; text-decoration:none;font-size: 17px;position: relative;overflow: hidden;}
.navbar li:hover a,div.navbar li.active a{color:#642a00; display:block;border-bottom: 2px solid #642a00; }
.navbar li:hover .down_nav1 a,div.navbar li.active .down_nav1 a{border-bottom: none; }
.navbar li.navmoon .down_nav1,.navbar li:hover .down_nav1{display: block;}
.down_nav1{ width:100%; height:auto;position:absolute; left:-999em;z-index:99;background:url(../images/jiantou.png) top center no-repeat;padding-top:15px; }
.navbar li .down_nav1 span a{color:#fff;position: relative;overflow: hidden; width:100%;font-size: 14px;line-height:50px!important;height:50px!important; border-top:1px #ccc solid;padding:0!important; background-color: rgba(100,42,0,0.7);}
.down_nav1 span{line-height:50px!important;height:50px!important;text-align:center; display:block;}
.navbar li .down_nav1 span:hover a{ background:#642a00;}
.navbar li:hover .down_nav1{left:-0px; top:auto;}
.navbar li .down_nav1 span a:after{
  background: #fff;content: "";height: 250px;left: -125px;opacity: .2;
  position: absolute;top: -50px;width: 50px;z-index: 100;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1); 
}
.navbar li .down_nav1 span a:hover:after{
  left: 120%;
  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.navbar1{float: left;margin-left: -100px;opacity: 0;}
.navbar2{float: right;margin-right: -100px;opacity: 0;}
.header.current .heatit{top: 0;opacity: 1;}
.header.current .logo{top:25px;opacity: 1;}
.header.current .navbar1{margin-left: -30px;opacity: 1;}
.header.current .navbar2{margin-right: -30px;opacity: 1;}

/*友链*/
.linkbox{width: 100%;margin:0px auto;height: auto;min-height: 50px;position: relative;z-index: 9;}
.linkbox span{float: left;width: 80px;display: block;font-size: 16px;color: #642a00;}
.linkbox a{font-size: 14px;color: #666;display: block;float: left;padding:0 10px;line-height: 25px;}
.linkbox a:hover{color: #642a00;}
/*底部*/
.footer{width: 100%;height: auto;background-color:#444444;position: relative;min-width: 1300px;z-index: 5;}
.footbox{width: 1300px;margin: 0px auto;height: 250px;padding-top: 40px;}
.ftlist{float: left;margin-left: -300px;opacity: 0;}
.ftlist ul{line-height: 30px;}
.ftlist li{float: left;margin-left: 100px;}
.ftlist li a{display: block;color: #b2b2b2;font-size: 14px;}
.ftlist li p{color: #b2b2b2;font-size: 14px;}
.ftlist li a:hover{color: #fff;}
.ftlist li a.ftop{font-size: 16px;color: #e6e6e6;font-weight: 700;margin-bottom: 10px;}
.ftlist li a.ftop i{display: block;width: 30px;height: 1px;background-color: #e6e6e6;}
.ftlist li.fcode{margin-left: 75px;}
.fcode em{display: block;text-align: center;font-size: 13px;color: #b2b2b2;}
.footerbottom{width: 100%;height:40px;background-color:#1a1a1a;margin-top: 0px;font-weight: 100;}
.footerbottom div.fr{width: 150px;}
.footerbottom span,.footerbottom a{font-size: 14px;color: #999999; line-height: 35px; float: left;font-weight: 100; padding:0 5px; display:block;}
.footerbottom img{float: left;margin:13px 5px 0 5px;}
.footerbottom span.fbright{float: left;}
.fbright a{color: #ccc; display:block; float:right;}
.fbright a:hover,.footerbottom a:hover{text-decoration: none;color: #444;}
.footbox a.flogo{margin-left: 100px;opacity: 0;}
.footbox.current a.flogo{margin-left: 0px;opacity: 1;} 
.footbox.current .ftlist{margin-left: 30px;opacity: 1;}
.footbox.current .ftboxright{left: 0;opacity: 1;}

/*面包屑*/
.crumbsnav{width: 1300px;height: 50px;line-height: 50px;font-size: 14px;color: #642a00;margin:0px auto;border-bottom: 1px solid #642a00;position: relative;z-index: 9;}
.cruleft{color:#642a00; display:block;width:700px;float: left;text-align: left;}
.crumbsnav a{color:#642a00;}
.crumbsnav a:hover{color:#333;}
a.return{float: right;display: block;margin-right: 10px;}

/*分页*/
.pagination-wrapper {clear:both;padding:1em 0 2em 0;text-align:center;margin-top:20px;} 
.pagination {display: inline-block;*display: inline;*zoom: 1;font-size:14px;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} 
.pagination li{list-style: none;display: inline;padding:0 .8em;background-color: #fff;float: left;line-height: 34px;text-decoration: none;border: 1px solid #ddd;border-left-width: 0; height:34px;} 
.pagination li a {display: inline-block;color: #999; text-align:center;} 
.pagination li a:link{background:#fff;color: #555555;} 
.pagination li a:hover{text-decoration:none;color:#642a00;} 
.pagination li a:link:hover {color:#642a00;} 
.pagination li.thisclass{background-color: #642a00;} 
.pagination li.thisclass a{color:#fff;}
.pagination li:first-child {border-left-width: 1px;border-radius: 3px 0 0 3px;} 
.pagination li:last-child{border-radius: 0 3px 3px 0;} 
.pagination .pageinfo{color: #444;}

/*回到顶部*/
.izl-rmenu{position:fixed; right:0; margin-right:10px; top:50%; margin-top:300px; padding-bottom:20px; z-index:999; }
.izl-rmenu .btn-top{width:87px; height:87px; background:url(../images/toTop.png) no-repeat; display:none;cursor: pointer;}

/*当屏幕尺寸小于1920px时，应用下面的CSS样式*/
@media screen and (max-width: 1680px) {  }
@media screen and (max-width: 1600px) { .header{background-position-x: 58%;} }
@media screen and (max-width: 1440px) { .header{background-position-x: 61%;} }
@media screen and (max-width: 1366px) { .header{background-position-x: 61%;} }
@media screen and (max-width: 1360px) { .header{background-position-x: 62%;} }
/*@media screen and (max-width: 1200px) { .navbar{left: 195px;} }*/